@charset "utf-8";
@import "common/reset";
@import "common/common";
.line{
    background: #e26304;
    height:2px;
}
.content{
    margin-top: 80px;
}
.text{
    color: #5c5c5c;
    display: inline-block;
    vertical-align: middle;
    h2{
        font-size: 50px;
        line-height: 56px;
        text-align: left;
    }
    p{
        font-size: 18px;
        line-height: 30px;
        text-align: left;
    }
    .line{
        width: 320px;
        margin: 14px 0;
    }
}
.o2-content{
    width: 1050px;
    margin: 0 auto;
}

.banner{
    height: 600px;
    width: 100%;
    position: relative;
    overflow: hidden;
    img{
        position: absolute;
        left: -999px;
        right: -999px;
        margin: auto;
        height: 100%;
    }
}
.title{
    margin-bottom: 45px;
    h2{
        font-size: 40px;
        font-weight: normal;
        font-family: sans-serif;
    }
    h3{
        font-size: 30px;
    }
    h2::after{
        margin: 13.6 auto 11px;
    }
}
.data-wrap{
    width: 1050px;
    margin: 0 auto;
    padding: 21px 0;
    box-shadow: 1px 1px 11px gray;
    position: relative;
    top: -70px;
    background: white;
    >div{
        float: left;
    }
    .data{
        text-align: center;
        padding: 0 59px;
        h3{
            font-size: 50px;
            font-weight: normal;
        }
        p{
            font-size: 14px;
        }
    }
    //这里是按原型稿给出的宽度，全部按原型稿会出现换行的情况
//  >div:nth-child(1){
//      padding-left:57px;
//      padding-right: 66px;
//  }
//  >div:nth-child(3){
//      padding-left:78px;
//      padding-right: 68px;
//  }
//  >div:nth-child(5){
//      padding-left:47px;
//      padding-right:65px ;
//  }
//  >div:nth-child(7){
//      padding-left:191px;
//      padding-right: 45px;
//  }
    .line{
        width: 1px;
        height: 120px;
        background: #e5e5e5;
    }
}
.overview1{
    padding-top:39.6px ;
    padding-bottom: 205-19px;
    .view-wrap{
        width: 1040px;
        margin: 0 auto;
        text-align: center;
        p{
            line-height: 60px;
            font-size: 22px;
            letter-spacing: 4px;
        }
    }
   .author{
       text-align: right;
   } 
}
.overview2{
    padding-bottom: 47px;
    
}
.industry-first,.rich-experience{
    height: 600px;
    line-height: 600px;
    overflow: hidden;
    position: relative;
    min-width: 1200px;
    .text{
        p,h2{
            color: white;
        }
    }
    img{
        height: 100%;
        position: absolute;
        left: -999px;
        right: -999px;
        margin: auto;
        z-index: -5;
    }
}
.resources-docking{
    height: 610px;
    line-height: 610px;
    text-align: right;
    
    .o2-content{
        background: url(../img/viewpoint/3.png) 0 155px no-repeat;
    }
}
.dynamic-optimization{
    height: 670px;
    line-height: 670px;
    text-align: left;
    .o2-content{
        background: url(../img/viewpoint/4.png) right 0 top 155px no-repeat;
    }
}
.rich-experience{
    text-align: right;
    .text{
        p,h2{
            color: #5C5C5C;
        }
    }
}
.customer-trust{
    height: 660px;
    line-height: 660px;
    .o2-content{
        background: url(../img/viewpoint/6.png) right 0 top 253px no-repeat;
    }
}
.strong-support{
    height: 757px;
    line-height: 757px;
    text-align: right;
    .o2-content{
        background: url(../img/viewpoint/7.png) left 0 top 153px no-repeat;
    }
}
